<template>
  <div>
    <div class="align-center mtb-40">
      <van-icon name="checked" color="#07c160" size="70" />
    </div>
    <div class="align-center fs-24 mtb-40">
      <b>投诉已提交</b>
    </div>
    <p class="w-70b align-center" style="margin: 0 auto">平台会尽快核实其违规行为或内容，感谢你的支持。</p>
    <div class="align-center mtb-40">
      <van-button type="success" size="small" class="w-40b" @click="closeHandle">关闭</van-button>
    </div>
  </div>
</template>

<script>
import { useRouter } from 'vue-router';
import { Icon, Button } from 'vant';

export default {
  name: 'FeedbackSubmitted',
  components: {
    [Icon.name]: Icon,
    [Button.name]: Button,
  },
  setup() {
    const router = useRouter();
    const closeHandle = () => {
      router.back();
    };
    return {
      closeHandle,
    };
  },
};
</script>

<style scoped></style>
